
Ext.define('Packt.view.Header', {

	extend: 'Ext.toolbar.Toolbar', 
	alias: 'widget.appheader', 
	height: 30, 
	width: 40,
	ui: 'footer', 
	style: 'border-bottom: 4px solid #4c72a4;', 
	
	autoShow: true, 

	


	items: [
	        	{
	        		xtype: 'label', 
	        		html: '<div id="titleHeader">Video Store Manager<spanstyle="font-size:12px;"> - Mastering Ext JS</span></div>'
	        	},
	            {
	        		xtype: 'tbfill'
	        	},
	        	{
	        		xtype: 'translation'
	        	},
	        	{
	        		xtype: 'tbseparator'
	        	}, 
	        	{
	        		xtype: 'button', 
	        		text: 'logout',
	        		itemId: 'logout',
	        		iconCls: 'logout'
	        	},
	        	
	       ]


});